<!--
// Copyright © 2020, 2021 Anticrm Platform Contributors.
// Copyright © 2021 Hardcore Engineering Inc.
//
// Licensed under the Eclipse Public License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License. You may
// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//
// See the License for the specific language governing permissions and
// limitations under the License.
-->
<script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  export let style: 'normal' | 'circle' = 'normal'
  export let fill: string = 'var(--theme-lost-color)'
</script>

<svg class="svg-{size}" {fill} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  {#if style === 'circle'}
    <path
      d="M15.7,8.3c-0.1-0.1-0.2-0.2-0.3-0.2C15.3,8,15.1,8,15,8s-0.3,0-0.4,0.1c-0.1,0.1-0.2,0.1-0.3,0.2L12,10.6L9.7,8.3C9.5,8.1,9.3,8,9,8S8.5,8.1,8.3,8.3C8.1,8.5,8,8.7,8,9c0,0.3,0.1,0.5,0.3,0.7l2.3,2.3l-2.3,2.3c-0.1,0.1-0.2,0.2-0.2,0.3C8,14.7,8,14.9,8,15s0,0.3,0.1,0.4c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.2,0.3,0.2C8.7,16,8.9,16,9,16c0.1,0,0.3,0,0.4-0.1c0.1-0.1,0.2-0.1,0.3-0.2l2.3-2.3l2.3,2.3c0.1,0.1,0.2,0.2,0.3,0.2C14.7,16,14.9,16,15,16s0.3,0,0.4-0.1c0.1-0.1,0.2-0.1,0.3-0.2c0.1-0.1,0.2-0.2,0.2-0.3C16,15.3,16,15.1,16,15s0-0.3-0.1-0.4c-0.1-0.1-0.1-0.2-0.2-0.3L13.4,12l2.3-2.3c0.1-0.1,0.2-0.2,0.2-0.3C16,9.3,16,9.1,16,9c0-0.1,0-0.3-0.1-0.4C15.9,8.5,15.8,8.4,15.7,8.3L15.7,8.3z M19.1,4.9c-0.9-1-2-1.7-3.2-2.2c-1.2-0.5-2.5-0.8-3.9-0.8c-1.3,0-2.6,0.2-3.9,0.7S5.7,3.9,4.8,4.8C3.9,5.7,3.1,6.9,2.6,8.1C2.1,9.3,1.9,10.6,1.9,12c0,1.3,0.3,2.6,0.8,3.9C3.2,17,4,18.1,4.9,19.1c0.9,1,2,1.7,3.2,2.2c1.2,0.5,2.5,0.8,3.9,0.8c1.3,0,2.6-0.2,3.9-0.7c1.2-0.5,2.3-1.2,3.3-2.2c0.9-0.9,1.7-2.1,2.2-3.3c0.5-1.2,0.8-2.5,0.7-3.9c0-1.3-0.3-2.6-0.8-3.9S20,5.9,19.1,4.9L19.1,4.9z M17.7,17.7c-1.3,1.3-3,2.1-4.9,2.3c-1.8,0.2-3.7-0.3-5.2-1.3c-1.5-1-2.7-2.6-3.2-4.3c-0.5-1.8-0.4-3.7,0.3-5.4c0.7-1.7,2-3.1,3.6-4c1.6-0.9,3.5-1.2,5.3-0.8c1.8,0.4,3.4,1.3,4.6,2.8S20,10.1,20,12c0,1.1-0.2,2.1-0.6,3.1C19,16,18.4,16.9,17.7,17.7L17.7,17.7z"
    />
  {:else}
    <path
      d="M17.9,16.6c-0.1-0.1-0.1-0.2-0.2-0.3L13.4,12l4.3-4.3C17.9,7.5,18,7.3,18,7s-0.1-0.5-0.3-0.7C17.5,6.1,17.3,6,17,6s-0.5,0.1-0.7,0.3L12,10.6L7.7,6.3C7.5,6.1,7.3,6,7,6S6.5,6.1,6.3,6.3C6.1,6.5,6,6.7,6,7s0.1,0.5,0.3,0.7l4.3,4.3l-4.3,4.3c-0.1,0.1-0.2,0.2-0.2,0.3S6,16.9,6,17c0,0.1,0,0.3,0.1,0.4c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.2,0.3,0.2C6.7,18,6.9,18,7,18s0.3,0,0.4-0.1c0.1-0.1,0.2-0.1,0.3-0.2l4.3-4.3l4.3,4.3c0.1,0.1,0.2,0.2,0.3,0.2C16.7,18,16.9,18,17,18c0.1,0,0.3,0,0.4-0.1c0.1-0.1,0.2-0.1,0.3-0.2c0.1-0.1,0.2-0.2,0.2-0.3C18,17.3,18,17.1,18,17C18,16.9,18,16.7,17.9,16.6z"
    />
  {/if}
</svg>
